<template>
    <div id="wrapper">
        <div style="background-color: #f3f3f4">

            <!--左侧导航开始-->
            <left-aside></left-aside>
            <!--左侧导航结束-->
            <!--右侧部分开始-->
            <div id="page-wrapper" class="dashbard-1">
                <top-header></top-header>
                <div class="row" id="content-main" :style="{'height':height-110+'px'}">
                    <router-view class="row-1"/>
                </div>
                <div class="footer">
                    <div class="pull-right"><a href="">&copy; 2014-2019 优机食汇</a></div>
                </div>
            </div>
            <!--右侧部分结束-->
        </div>
    </div>
</template>

<script>
    import LeftAside from './aside';
    import TopHeader from './header';

    export default {
        name: 'HomeIndex',
        components: {LeftAside, TopHeader},
        comments: {LeftAside},
        data() {
            return {
                height: null,
                headers: '优机食汇 / 首页'
            }
        },
        mounted() {
            this.headers = this.$route.meta.crumb
            this.height = this.$getHeight();
        },
        methods: {},
        watch: {
            $route(to, from) {
                this.headers = to.meta.crumb
            }
        },
    }
</script>

<style scoped>
    .row-1{
        overflow-x: hidden;
        overflow-y: auto;
    }
</style>
